<template>
  <div class="box2">
    <h2>About组件</h2>
    <router-link to="/about/tab1">tab1</router-link>
    <router-link to="/about/tab2">tab2</router-link>
    <hr>
    <router-view></router-view>
  </div>
</template>

<script setup>
import { watch } from 'vue';
import { useRoute } from 'vue-router';
const route = useRoute();
watch(() => route.path,(path) => {
  console.log("路由的路径是：",path)
})
</script>

<style scoped>
.box2{
min-height: 300px;
background-color: rgb(255, 255, 41);
padding: 20px;
}
</style>